import React, {Component, PropTypes} from 'react';
import {connect} from 'react-redux';
import { Router, Route, Link } from 'react-router'
import {Card, Col, Row} from 'antd';
import './styles.less';

export class Dashboard extends Component {

  static propTypes = {
    dashboard: PropTypes.object,
    dispatch: PropTypes.func
  };

  state = {

  }

  render() {
    return (
      <div className="ant-dashboard-wrap">
        <Row>
          <Col span="8">
            <Card title="Card title">Card content</Card>
          </Col>
          <Col span="8">
            <Card title="Card title">Card content</Card>
          </Col>
          <Col span="8">
            <Card title="Card title">Card content</Card>
          </Col>
        </Row>
      </div>
    )
  }

}

function mapStateToProps(state, ownProps) {
  return {
    dashboard: state.get('dashborad')
  };
}


export default connect(mapStateToProps)(Dashboard);
